{load header}

<!--/H-->
<!-- 内容区 -->
<div id="main-content">
    <div id="top-alert" class="fixed alert alert-error" style="display: none;">
        <button class="close fixed" style="margin-top: 4px;">&times;</button>
        <div class="alert-content">这是内容</div>
    </div>
    <div id="main" class="main">

        <!-- nav --><!-- nav -->

        <div class="main-title">
            <h2>申诉列表</h2>
        </div>
        <div class="cf">
            <!-- 高级搜索 -->
            <div class="search-form fr cf">
                <div class="sleft">
                    <div class="drop-down">
                        <span id="sch-sort-txt" class="sort-txt" data="{if $stname }{$stname}{/if}">{if $conname }{$conname}{else}所有{/if}</span>
                        <i class="arrow arrow-down"></i>
                        <ul id="sub-sch-menu" class="nav-list hidden">
                            <li><a href="javascript:;" value="0">所有</a></li>
                            <li><a href="javascript:;" value="1">申诉人</a></li>
                            <li><a href="javascript:;" value="2">任务名称</a></li>
                        </ul>
                    </div>
                    <input type="text" name="key" class="search-input" value="{if $keyname }{$keyname}{/if}"
                           placeholder="请输关键词">
                    <a class="sch-btn" href="javascript:;" id="search" url=""><i class="btn-search"></i></a>
                </div>
                <div class="btn-group-click adv-sch-pannel fl">
                    <button class="btn">发布时间<i class="btn-arrowdown"></i></button>
                    <div class="dropdown cf">
                        <div class="row">
                            <label>发起时间：</label>
                            <input type="text" id="time-start" name="time-start" class="text input-2x"
                                   value="{$time_start}" placeholder="起始时间"/> -
                            <div class="input-append date" id="datetimepicker" style="display:inline-block">
                                <input type="text" id="time-end" name="time-end" class="text input-2x"
                                       value="{$time_end}" placeholder="结束时间"/>
                                <span class="add-on"><i class="icon-th"></i></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="data-table table-striped tab-content">
            <table>
                <thead>
                <tr>
                    <th>申诉人</th>
                    <th>任务名称</th>
                    <th>申诉时间</th>
                    <th>申诉状态</th>
                    <th>客服介入</th>
                    <th>客服介入时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <!--{loop $list $val}-->
                <tr>
                    <td>{$val['initiator']}</td>
                    <td>{$val['title']}</td>
                    <td>{$val['add_time']}</td>
                    <td>{$val['status_val']}</td>
                    <td>{$val['is_kefu']}</td>
                    <td>{$val['kefu_time']}</td>
                    <td>
                        <a href="{eval echo site_url('taskplat/appeal_views')}?id={$val['cid']}">申诉详情</a>
                    </td>

                </tr>
                <!--{/loop}-->
                </tbody>
            </table>
            <!-- 分页 -->
            <div class="page">
                <div>
                    {$showpage}
                    <span class="rows">共 {$Total} 条记录</span>
                    <!--
                    <span class="rows" >金额总计 <font color="#F90">{$T_total['total']}</font> 元</span>
        <a target ="_blank;" href="{eval echo site_url('borrow/index_to_excel')}?{eval echo $_SERVER['QUERY_STRING'];}" >导出结果</a>
                    -->

                </div>
            </div>
        </div>

    </div>
</div>
<link href="{eval echo base_url()}static/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
<link href="{eval echo base_url()}static/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
<script type="text/javascript"
        src="{eval echo base_url()}static/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript"
        src="{eval echo base_url()}static/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script type="text/javascript">


    $(function () {
        //搜索功能
        $("#search").click(function () {
            var url = $(this).attr('url');
            var status = $("#sch-sort-txt").attr("data");
            var query = $('.search-form').find('input').serialize();
            query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
            query = query.replace(/^&/g, '');
            if (status != '') {
                query += '&st=' + status;
            }
            if (url.indexOf('?') > 0) {
                url += '&' + query;
            } else {
                url += '?' + query;
            }
            window.location.href = url;
        });

        /* 状态搜索子菜单 */
        $(".search-form").find(".drop-down").hover(function () {
            $("#sub-sch-menu").removeClass("hidden");
        }, function () {
            $("#sub-sch-menu").addClass("hidden");
        });
        $("#sub-sch-menu li").find("a").each(function () {
            $(this).click(function () {
                var text = $(this).text();
                $("#sch-sort-txt").text(text).attr("data", $(this).attr("value"));
                $("#sub-sch-menu").addClass("hidden");
            })
        });

        //回车自动提交
        $('.search-form').find('input').keyup(function (event) {
            if (event.keyCode === 13) {
                $("#search").click();
            }
        });

        $('#time-start').datetimepicker({
            format: 'yyyy-mm-dd',
            language: "zh-CN",
            minView: 2,
            autoclose: true
        });

        $('#datetimepicker').datetimepicker({
            format: 'yyyy-mm-dd',
            language: "zh-CN",
            minView: 2,
            autoclose: true,
            pickerPosition: 'bottom-left'
        })

    })
</script>
<!--F-->{load footer}